import React from "react";

const List = ()=>{
    const data = [
        {url: require('../../assets/img/1.jpg'), title: '古诗词',describe:'课外拓展古诗词',study:'边读边学习',total:'共309首'},
        {url: require('../../assets/img/2.jpg'), title: '古诗词',describe:'课外拓展古诗词',study:'边读边学习',total:'共28首'},
        {url: require('../../assets/img/3.jpg'), title: '古诗词',describe:'课外拓展古诗词',study:'边读边学习',total:'共30首'}
    ]
    const lists = data.map((item,i)=>(
        <div className='box' key={i}>
            <div className='box-left'>
                <img className='list-img' src={item.url}/>
            </div>
            <div className='box-right'>
                <div className='right-title'>{item.title}</div>
                <div>{item.describe}</div>
                <div>{item.study}</div>
                <div className='number'>{item.total}</div>
            </div>
        </div>
    ))
   return(
       <div>
           <div className='box-content'>{lists}</div>
       </div>
   )
}
export default List
